<!DOCTYPE html>
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<script src="https://how2j.cn/study/js/jquery/2.0.0/jquery.min.js"></script>
	<link href="https://how2j.cn/study/css/bootstrap/3.3.6/bootstrap.min.css" rel="stylesheet">
	<script src="https://how2j.cn/study/js/bootstrap/3.3.6/bootstrap.min.js"></script>
	<style>
		div.cartDiv {
			max-width: 1013px;
			margin: 10px auto;
			color: black;
		}
		table.cartProductTable {
			width: 100%;
			font-size: 12px;
		}
		tr.cartProductItemTR {
			border: 1px solid #CCCCCC;
		}
		tr.cartProductItemTR td {
			padding: 20px;
		}
		table.cartProductTable th {
			font-weight: normal;
			color: #3C3C3C;
			padding: 20px;
		}
		img.cartProductImg {
			padding: 1px;
			border: 1px solid #EEEEEE;
			width: 80px;
			height: 80px;
		}
		table.cartProductTable th.operation {
			width: 30px;
		}
		div.cartProductLinkOutDiv {
			position: relative;
			height: 80px;
		}
		a.cartProductLink:hover {
			color: #C40000;
			text-decoration: none;
		}
		div.cartProductLinkInnerDiv {
			position: absolute;
			bottom: 0;
			height: 20px;
		}
		span.cartProductItemOringalPrice {
			text-decoration: line-through;
			color: #9C9C9C;
			display: block;
			font-weight: bold;
			font-size: 14px;
		}
		span.cartProductItemPromotionPrice {
			font-family: Arial;
			font-size: 14px;
			font-weight: bold;
			color: #C40000;
		}
		div.cartProductChangeNumberDiv {
			border: 1px solid #E5E5E5;
			width: 80px;
		}
		div.cartProductChangeNumberDiv a {
			width: 14px;
			display: inline-block;
			text-align: center;
			color: #000000;
			text-decoration: none;
		}
		div.cartProductChangeNumberDiv input {
			border: 1px solid #AAAAAA;
			width: 42px;
			display: inline-block;
		}
		span.cartProductItemSmallSumPrice {
			font-family: Arial;
			font-size: 14px;
			font-weight: bold;
			color: #C40000;
		}
		img.cartProductItemIfSelected, img selectAllItem {
			cursor: pointer;
		}
	</style>
</head>
<body>
	<div class="cartDiv">
		<div class="cartProductList">
			<table class="cartProductTable">
				<thead>
					<tr>
						<th class="selectAndImage">
							<img src="https://how2j.cn/tmall/img/site/cartNotSelected.png" class="selectAllItem" selectit="false">
							全选
						</th>
						<th>商品信息</th>
						<th>单价</th>
						<th>数量</th>
						<th width="120px">金额</th>
						<th class="operation">操作</th>
					</tr>
				</thead>
				<tbody>
					<tr class="cartProductItemTR" oiid="936">
						<td>
							<img src="https://how2j.cn/tmall/img/site/cartNotSelected.png" class="cartProductItemIfSelected" oiid="936" selectit="false">
							<a href="#nowhere" style="display:none"><img src="https://how2j.cn/tmall/img/site/cartSelected.png"></a>
							<img width="40px" src="https://how2j.cn/tmall/img/productSingle_middle/3665.jpg" class="cartProductImg">
						</td>
						<td>
							<div class="cartProductLinkOutDiv">
								<a class="cartProductLink" href="#nowhere">美国iRobot扫地机器人吸尘器全自动家用智能扫地机650 天猫电器城</a>
								<div class="cartProductLinkInnerDiv">
									<img title="支持信用卡支付" src="https://how2j.cn/tmall/img/site/creditcard.png">
									<img title="消费者保障服务,承诺7天退货" src="https://how2j.cn/tmall/img/site/7day.png">
									<img title="消费者保障服务,承诺如实描述" src="https://how2j.cn/tmall/img/site/promise.png">
								</div>
							</div>
						</td>
						<td>
							<span class="cartProductItemOringalPrice">￥7580.0</span>
							<span class="cartProductItemPromotionPrice">￥5306.0</span>
						</td>
						<td>
							<div class="cartProductChangeNumberDiv">
								<span pid="365" class="hidden orderItemStock ">75</span>
								<span pid="365" class="hidden orderItemPromotePrice ">5306.0</span>
								<a href="#nowhere" class="numberMinus" pid="365">-</a>
								<input value="4" autocomplete="off" class="orderItemNumberSetting" oiid="936" pid="365">
								<a href="#nowhere" class="numberPlus" pid="365" stock="75">+</a>
							</div>
						</td>
						<td>
							<span pid="365" oiid="936" class="cartProductItemSmallSumPrice">￥5,306.00</span>
						</td>
						<td>
							<a href="#nowhere" oiid="936" class="deleteOrderItem">删除</a>
						</td>
					</tr>
					<tr class="cartProductItemTR" oiid="935">
						<td>
							<img src="https://how2j.cn/tmall/img/site/cartNotSelected.png" class="cartProductItemIfSelected" oiid="935" selectit="false">
							<a href="#nowhere" style="display:none"><img src="https://how2j.cn/tmall/img/site/cartSelected.png"></a>
							<img width="40px" src="https://how2j.cn/tmall/img/productSingle_middle/8510.jpg" class="cartProductImg">
						</td>
						<td>
							<div class="cartProductLinkOutDiv">
								<a class="cartProductLink" href="#nowhere">阔腿裤三件套装女夏装2016新款大码雪纺时尚休闲气质棉麻九分裤潮</a>
								<div class="cartProductLinkInnerDiv">
									<img title="支持信用卡支付" src="https://how2j.cn/tmall/img/site/creditcard.png">
									<img title="消费者保障服务,承诺7天退货" src="https://how2j.cn/tmall/img/site/7day.png">
									<img title="消费者保障服务,承诺如实描述" src="https://how2j.cn/tmall/img/site/promise.png">
								</div>
							</div>
						</td>
						<td>
							<span class="cartProductItemOringalPrice">￥235.0</span>
							<span class="cartProductItemPromotionPrice">￥152.75</span>
						</td>
						<td>
							<div class="cartProductChangeNumberDiv">
								<span pid="809" class="hidden orderItemStock ">17</span>
								<span pid="809" class="hidden orderItemPromotePrice ">152.75</span>
								<a href="#nowhere" class="numberMinus" pid="809">-</a>
								<input value="1" autocomplete="off" class="orderItemNumberSetting" oiid="935" pid="809">
								<a href="#nowhere" class="numberPlus" pid="809" stock="17">+</a>
							</div>
						</td>
						<td>
                            <span pid="809" oiid="935" class="cartProductItemSmallSumPrice">
                            ￥152.75
                            </span>
						</td>
						<td>
							<a href="#nowhere" oiid="935" class="deleteOrderItem">删除</a>
						</td>
					</tr>
				</tbody>
			</table>
		</div>
	</div>
</body>
</html>